<%@page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>管理系统</title>
	
	<link rel="stylesheet" href="${ctx}/assets/css/reset.css">
	<link rel="stylesheet" href="${ctx}/assets/css/font-awesome.css">
	<link rel="stylesheet" href="${ctx}/assets/js/jquery-easyui-1.4.3/themes/bootstrap/easyui.css">
	<link rel="stylesheet" href="${ctx}/assets/js/jquery-easyui-1.4.3/themes/icon.css">
	<link rel="stylesheet" href="${ctx}/assets/js/jquery-easyui-1.4.3/themes/color.css">
	
	<script type="text/javascript" src="${ctx}/assets/js/jquery.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript">$.extend({ctx: "${ctx}"});</script>
	
	<link rel="stylesheet" href="${ctx}/assets/css/index.css">
	<script type="text/javascript" src="${ctx}/assets/js/tools.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/index.js"></script>
	
</head>
<body>
	
	<div id="mainLayout" class="easyui-layout" data-options="fit: true">
		<!-- 上 -->
		<div id="northLayout" data-options="region: 'north', border: false" style="height: 45px;">
			<div id="topbar" class="top-bar">
                <div class="top-bar-left">
                   Dark Coalition
                </div>
                
                <div class="top-bar-right">
                	<ul class="top-nav-bar">
                		<li class="gray">
                			<a>
                				<i class="fa fa-tasks dark-icon"></i>
                				<span class="badge badge-grey">5</span>
                			</a>
                		</li>
                		<li class="purple">
                			<a>
                				<i class="fa fa-bell dark-icon"></i>
                				<span class="badge badge-important">5</span>
                			</a>
                		</li>
                		<li class="green">
                			<a>
                				<i class="fa fa-envelope dark-icon"></i>
                				<span class="badge badge-success">8</span>
                			</a>
                		</li>
                		<li class="blue">
                			<a id="user-info">
                				<img alt="Jason's Photo" src="/dark/static/images/avatars/avatar5.png" class="nav-user-photo" />
                				<span class="user-info">
									<small>欢迎您,</small>杨浩泉
								</span>
								<i class="fa fa-caret-down"></i>
                			</a>
                		</li>
                		<li class="">
                			<a class="up" id="btnHideNorth">
                				<i class="fa fa-angle-double-up"></i>
                			</a>
                		</li>
                	</ul>
                </div>
            </div>
			
		</div>
		<!-- 左 -->
		<div data-options="region: 'west', split: true" style="width: 200px;" class="content mCustomScrollbar">
			<div id="westLayout" class="easyui-layout" data-options="fit: true">
				<div data-options="region: 'center', border: false" style="border-bottom-width: 1px;">
					<div id="westCenterLayout" class="easyui-layout" data-options="fit:true">
						<div id="westCenterNorthLayout" data-options="region: 'north', border: false" style="height:29px;">
							<div class="side-header-left">
								<ul class="side-bto">
									<li><a href="javascript:;"><i class="fa fa-home"></i></a></li>
									<li><a href="javascript:;"><i class="fa fa-home"></i></a></li>
									<li><a href="javascript:;"><i class="fa fa-home"></i></a></li>
									<li><a href="javascript:;"><i class="fa fa-home"></i></a></li>
								</ul>
							</div>
							<div class="side-header-right">
								<a id="btnHideWest" href="javascript:;"><i class="fa fa-angle-double-left"></i></a>
							</div>
						</div>
						<div id="navPanel" data-options="region: 'center', border: false">
						</div>
					</div>
				</div>
				
				<div data-options="region: 'south', border: false, split: true, minHeight: 32, maxHeight: 170" style="height: 170px;border-top-width: 1px;">
					<ul id="navMenus"></ul>
				</div>
			</div>
		</div>
		<!-- 中 -->
		<div id="centerLayout" data-options="region: 'center'">
			<div id="mainTabs-tools" style="display:none">
				<table>
					<tr>
						<td><a id="mainTabs_jumpHome" href="javascript:;"><i class="fa fa-home home"></i></a></td>
						<td><a id="mainTabs_toggleAll" href="javascript:;"><i class="fa fa-arrows-alt expand"></i></a></td>
						<td><a id="mainTabs_jumpTab" href="javascript:;"><i class="fa fa-clone opennew"></i></a></td>
						<td><div class="tabs-btn-separator"></div></td>
						<td><a id="mainTabs_closeAll" href="javascript:;"><i class="fa fa-close close"></i></a></td>
					</tr>
				</table>
			</div>
			<div id="mainTabs" class="easyui-tabs" data-options="fit: true, border: false, tools: '#mainTabs-tools'">
				<div data-options="title: '主页', iconCls: ''">
					
				</div>
			</div>
		</div>
		<!-- 右 -->
		<div id="eastLayout" data-options="region: 'east', split: true" style="width: 200px;">
			<div id="westCenterLayout" class="easyui-layout" data-options="fit:true">
				<div id="eastCenterNorthLayout" data-options="region: 'north', border: false" style="height:29px;">
					<div class="side-header-left">
						<a id="btnHideEast" href="javascript:;"><i class="fa fa-angle-double-right"></i></a>
					</div>
					<div class="side-header-right">
						<ul class="side-bto">
							<li><a href="javascript:;"><i class="fa fa-home"></i></a></li>
							<li><a href="javascript:;"><i class="fa fa-home"></i></a></li>
							<li><a href="javascript:;"><i class="fa fa-home"></i></a></li>
							<li><a href="javascript:;"><i class="fa fa-home"></i></a></li>
						</ul>
					</div>
				</div>
				<div data-options="region: 'center', border: false">
					
				</div>
			</div>
		</div>
		<!-- 下 -->
		<div id="southLayout" data-options="region: 'south'" style="height: 40px">
		
		</div>
		
		
	</div>
</body>
</html>